<div class="bg-white margin-top-xs padding border-radius">
    <div class=" ">
        <button type="button" class="btn btn-white btn-sm" v-on:click="_openAddEventRuleModal()">
            添加
        </button>
        <button type="button" class="btn btn-white btn-sm" v-on:click="_openEditEventRuleModel()">
            修改
        </button>
        <button type="button" class="btn btn-white btn-sm" v-on:click="_openDeleteEventRuleModel()" >
            删除
        </button>
    </div>
    <div class="vc-org margin-top">
        <ul>
            <li v-for="(rule,index) in eventRuleDivInfo.eventRules" @click="_switchEventRule(rule)"
                :class="{'active':rule.ruleId == eventRuleDivInfo.curEventRule.ruleId}">{{rule.ruleName}}
            </li>
        </ul>
    </div>
    <vc:create path="event/addEventRule" callBackListener="" callBackFunction=""></vc:create>
    <vc:create path="event/editEventRule"></vc:create>
    <vc:create path="event/deleteEventRule"></vc:create>
</div>